#page-myCenter{
  padding-bottom: 80px;
  // 顶部
  .c_icon{
    display: inline-block;
    width: 100px;
    height: 88px;
  }
  .top-header-right{
    .c_setting{
      background: url(../../../static/image/mine/icon_setting.png) no-repeat center/37px 40px;
    }
  }
  .top-header-title{
    color: #fff;
  }

  // 主体版块1
  .top_wrapper{
    padding: 260px 50px 30px;
    background: url(../../../static/image/mine/banner.png) no-repeat top center/100% auto #fff;
    .c_avator{
      width: 140px;
      height: 140px;
      .radius(50%);
    }
    .c_look{
      width:200px;
      .lineH(60px);
      text-align: center;
      color: white;
      background:linear-gradient(90deg,rgba(253,196,111,1),rgba(254,172,50,1));
      border-radius:10px;
      margin-top: 20px;
      .fs(26px);
    }

    .c_time{
      display: flex;
      align-items: center;
      color: #999;
      margin-top: 20px;
      
      .c_info {
        display: flex;
        flex-direction: column;
        flex: 1;
        .top  {
          font-size: 28px;
          color: #999;
        }
        .left{
          display: flex;
          align-items: center;
          font-size: 28px;
          margin-top: 5px;
          i{
            display: inline-block;
            width: 20px;
            height: 30px;
            margin-left: 20px;
            &.i_girl{
              background: url(../../../static/image/mine/icon_woman.png) no-repeat center/100% 100%;
            }
            &.i_boy{
              background: url(../../../static/image/mine/icon_man.png) no-repeat center/100% 100%;
            }
          }
        }
      }
      
      .right{
        display: inline-block;
        width: 70px;
        height: 70px;
        background: url(../../../static/image/mine/icon_edit.png) no-repeat center/100% 100%;
      }
    }
  }

  // 主体版块2
  .nav_wrapper{
    background: #fff;
    margin-top: 20px;
    li{
      font-size: 30px;
      display: flex;
      align-items: center;
      height: 90px;
      line-height: 90px;
      &:last-child{
        p{
          border: none;
        }
      }
      .icon{
        flex:0 0 40px;
        height: 40px;
        margin: 0 30px;
      }
      p{
        flex: 1;
        position: relative;
        border-bottom: 1px solid @borderC;/*no*/
        .arrow{
          display: block;
          width: 90px;
          height: 90px;
          background: url(../../../static/image/mine/i_right.png) no-repeat center/14px 26px;
          position: absolute;
          top: 0;
          right: 0;
        }
      }
    }
  }

  // 主体版块3
  .service_wrapper{
    .c_title{
      height: 80px;
      line-height: 80px;
      font-size: 32px;
      padding: 0 30px;
      font-weight: 500;
    }
    .c_list{
      li{
        height: 130px;
        background: #fff;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        .icon{
          width: 57px;
          height: 57px;
          margin-left:30px;
        }
        .line{
          width: 1px;/*no*/
          height: 31px;
          background: @borderC;
          margin: 0 30px;
        }
        .info{
          flex: 1;
          .p0{
            .fs(28px);
            a{
              display: inline-block;
              .color(#8989ff);
              text-decoration: underline;
              margin-left: 20px;
              height: 60px;
              line-height: 60px;
            }
          }
          .p1{
            .fs(26px);
            .color(#999);
          }
        }
        .btn{
          width: 210px;
          height: 70px;
          line-height: 70px;
          text-align: center;
          background: linear-gradient(90deg,#FDC46F 50px,#FEAC32 120px);
          .radius(10px);
          .color(#fff);
          .fs(28px);
          margin-right: 30px;
        }
      }
    }
  }
  .setColor{
    color: red;
  }
}